@(title: String)(content: Html)

<!DOCTYPE html>
<html lang="en" ng-app="intracks">
    <head>
        <meta charset="utf-8">
        <title>Intracks</title>
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap/bootstrap.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/angular-xeditable/xeditable.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/select2/select2.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/select2/select2-bootstrap.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/datetimepicker/datetimepicker.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/angular-xeditable/xeditable.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/angular-busy/angular-busy.min.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/realTimeMap.css")">
        <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/quantitativeGraph.css")">
        <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
    </head>
    <body ng-controller="IndexCtrl">

        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-5">
                        <img src="@routes.Assets.at("images/logo.png")" alt="logo"/>
                    </div>
                    <div class="col-md-6">
                        <div style="height: 85px"> </div>
                        <div class="resolutionDependent"><img src="@routes.Assets.at("images/logodesc.png")" alt="logo"/></div>
                    </div>
                    <div class="col-md-1">
                        <img class="pull-right" src="@routes.Assets.at("images/rightlogo.gif")" alt="logo"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-3 col-md-1 sidebar">
                    <ul class="nav nav-sidebar">
                        <li><a href="#/realTimeMap">Real Time Map</a></li>
                        <li><a href="#/quantitativeGraph">Quantitative Graph</a></li>
                        <li><a href="#/averagesGraph">Averages Graph</a></li>
                    </ul>
                    <ul class="nav nav-sidebar">
                        <li><a href="#/stations">Stations</a></li>
                        <li><a href="#/TagtoObject">Tag to Object</a></li>
                    </ul>
                    <ul class="nav nav-sidebar">
                        <li><button id="popoverNotifications" class="btn btn-link" data-toggle="popover">Notifications
                        <span ng-show="newMessages" class="notificationsCounter" ng-bind="newMessages"></span></button></li>

                    </ul>
                    <ul class="nav nav-sidebar">
                        <li><a href="#/mapView">Management</a></li>
                    </ul>
                </div>
                <div class="col-sm-9 col-md-10 col-md-offset-1 main" ng-view>

                </div>
            </div>
        </div>

            <!-- Notofications Popover hidden content -->
        <div id="popoverNotificationsContent" class="ng-hide">
            <div class="row well" ng-repeat="message in messages" ng-class="{newNotification: message.isNew}" id="{{$index}}"
            onmouseover="onMouseEnter(this)" ng-mouseover="message.isNew = false">
                <div class="messageText col-md-12">{{message.text}}</div>
                <div class="messageTime col-md-12">{{message.date}}</div>
            </div>
        </div>

        <div sp-flash></div>


        <script src="/jsRoutes"></script>
        <script src="@routes.Assets.at("javascripts/jquery/jquery-2.1.0.js")"></script>
        <script src="@routes.Assets.at("javascripts/bootstrap/bootstrap.js")"></script>
        <script src="@routes.Assets.at("lib/angular/angular.js")"></script>
        <script src="@routes.Assets.at("lib/angular/angular-route.js")"></script>
        <script src="@routes.Assets.at("lib/angular/angular-animate.js")"></script>
        <script src="@routes.Assets.at("lib/angular/ui-bootstrap-tpls-0.11.0.js")"></script>
        <script src="@routes.Assets.at("javascripts/angular-xeditable/xeditable.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/d3/d3.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/select2/select2.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/select2/ui-select2.js")"></script>
        <script src="@routes.Assets.at("javascripts/datetimepicker/moment.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/datetimepicker/datetimepicker.js")"></script>
        <script src="@routes.Assets.at("javascripts/socket.io/socket.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/heatmap/heatmap.js")"></script>
        <script src="@routes.Assets.at("javascripts/angular-busy/angular-busy.min.js")"></script>
        <script src="@routes.Assets.at("javascripts/app.js")"></script>
        <script src="@routes.Assets.at("javascripts/services.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/indexCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/mapViewCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/realTimeMapCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/stationsCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/tagToObjectCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/quantitativeGraphCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/controllers/averagesGraphCtrl.js")"></script>
        <script src="@routes.Assets.at("javascripts/filters.js")"></script>
        <script src="@routes.Assets.at("javascripts/directives.js")"></script>
    </body>
</html>